<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>收货地址选择框</title>
	<style>
		table{
		background:url(images/timg.jpg) no-repeat;
		width:400px;
		height:500px;	
		}
		.one{
			text-align:right;
		}
	</style>
	<script src="js/provinceCity.js" type="text/javascript"></script>
	<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
	<script>
	//把text里面的值追加到详细地址里面
	var dizhi="";
	$(function(){
		$("#province").change(function(){
				var options=$("#province option:selected");
				dizhi+=options.text()
				$("#name").val(dizhi);
		});
		$("#city").change(function(){
				var options=$("#city option:selected");
				dizhi+=options.text()
				$("#name").val(dizhi);
		});
		$("#qu").change(function(){
				var options=$("#qu option:selected");
				dizhi+=options.text()
				$("#name").val(dizhi);
		});
		$("#dao").change(function(){
				dizhi+=$(this).val();
				$("#name").val(dizhi);
		});
	})
			//提交
		function chch(){
			var dizhi=document.all.name.value;//或许详细的地址的值赋给dizhi
			if(dizhi==""){
				alert("请核对。。。")
			}else{
				var state=confirm("收货地址为："+dizhi+"\n是否继续？");
				if(state){
					window.returnValue=dizhi;//返回dizhi的值
					window.close();//关闭本窗口
				}else{
					alert("请重新选择...");
				}
			}	
		}

	
	</script>
<body>
	<div>
	<form name="dizhi">
		<table>
			<tr>
				<th colspan="2">送货地址确认</th>
			</tr>
			
			<tr>
				<td class="one">省份：</td>
				<td><select id="province" name="province" onchange="chang(this.value)">
						<option value="0" checked="checked">------省------</option>
						<option value="京">北京市</option>
						<option value="津">天津市</option>
						<option value="冀">河北省</option>
						<option value="晋">山西省</option>
						<option value="蒙">内蒙古自治区</option>
						<option value="辽">辽宁省</option>
						<option value="吉">吉林省</option>
						<option value="黑">黑龙江省</option>
						<option value="沪">上海市</option>
						<option value="苏">江苏省</option>
						<option value="浙">浙江省</option>
						<option value="皖">安徽省</option>
						<option value="闽">福建省</option>
						<option value="赣">江西省</option>
						<option value="鲁">山东省</option>
						<option value="豫">河南省</option>
						<option value="鄂">湖北省</option>
						<option value="湘">湖南省</option>
						<option value="粤">广东省</option>
						<option value="桂">广西壮族自治区</option>
						<option value="琼">海南省</option>
						<option value="川">四川省</option>
						<option value="贵">贵州省</option>
						<option value="云">云南省</option>
						<option value="渝">重庆市</option>
						<option value="藏">西藏自治区</option>
						<option value="陕">陕西省</option>
						<option value="甘">甘肃省</option>
						<option value="青">青海省</option>
						<option value="宁">宁夏回族自治区</option>
						<option value="新">新疆维吾尔自治区</option>
						<option value="港">香港特别行政区</option>
						<option value="澳">澳门特别行政区</option>
						<option value="台">台湾省</option>	
					</select>
				</td>	
			</tr>
			
			<tr>
				<td class="one">城市：</td>
				<td> <select id="city" name="city" onchange="chang2(this.value)">
						<option value="0"checked="checked">------市------</option>
					</select>
				</td>
			</tr>
			
			<tr>
				<td class="one">区：</td>
				<td><select id="qu" name="qu">
						<option value="0"checked="checked">------区------</option>
					</select>
				</td>
			</tr>
			
			<tr>
				<td class="one">街道：</td>
				<td><input type="text" id="dao" onblur="cal(this.value)"/></td>
			</tr>
			
			<tr>
				<td class="one">详细地址：</td>
				<td><input type="text"  id="name" name="username" readonly="readonly" value=""></td>
			</tr>
			
			<tr>
				<th colspan="2"><input type="button" value="确认" onclick="chch()"/></th>
			</tr>
		</table>
	</form>
	</div>
</body>
</html>